<script type="text/javascript">
    $(function(){
        $("#gsjyys_hz_toolbar [name='nf']").numberspinner({
            min: 2000,
            max: 2100,
            editable: true
        });
        $("#gsjyys_hz_toolbar [name='yf']").numberspinner({
            min: 1,
            max: 12,
            editable: true
        });
        $("#gsjyys_hz_datagrid").datagrid({
            singleSelect:true,
            fit:true,
            toolbar:'#gsjyys_hz_toolbar',
            rownumbers:true,
            fitColumns:true,
            pageNumber: 1,
            url:'${base}/cwgl/gsjyys/hzList',
            queryParams:{
                nf:$("#gsjyys_hz_toolbar input[name='nf']").val()||'',
                yf:$("#gsjyys_hz_toolbar input[name='yf']").val()||'',
                x:$("#gsjyys_hz_toolbar input[name='x']").val()||''
            }
        });
        $("#gsjyys_hz_toolbar input:button").click(function(){
            $("#gsjyys_hz_datagrid").datagrid("load",{
                nf:$("#gsjyys_hz_toolbar input[name='nf']").val()||'',
                yf:$("#gsjyys_hz_toolbar input[name='yf']").val()||'',
                x:$("#gsjyys_hz_toolbar input[name='x']").val()||''
            });
        });
    });
</script>
<div class="easyui-layout" fit="true">
<div id="gsjyys_hz" region="center" fit="false">
    <table id="gsjyys_hz_datagrid">
        <thead>
        <tr>
            <th data-options="field:'itemName',align:'center',width:100">项目名称</th>
            <th data-options="field:'hz',align:'center',width:100">汇总</th>
            <#if gsjgList??>
            <#list gsjgList as item>
                <th data-options="field:'${(item.zjm)!}',align:'center',width:100">${(item.jc)!}</th>
            </#list>
            </#if>
        </tr>
        </thead>
        <#--<tbody>-->
            <#--<#if hz??>-->
            <#--<#list hz?keys as key>-->
                <#--<tr>-->
                    <#--<td>${key}</td>-->
                    <#--<#if hz.get(key)??>-->
                    <#--<td>${hz.get(key)[0].get("汇总")}</td>-->
                    <#--<#list hz.get(key) as item>-->
                        <#--<td>${item.get(gsjcList[item_index+1])}</td>-->
                    <#--</#list>-->
                    <#--</#if>-->
                <#--</tr>-->
            <#--</#list>-->
            <#--</#if>-->
        <#--</tbody>-->
            </table>
    <div id="gsjyys_hz_toolbar">
        <div class="textcon">
            <table class="tb">
                <tr>
                    <td><input name="nf" type="text" value="${nf!}" style="width:53px;"/>
                        年
                        <input name="yf" type="text" value="${yf!}" style="width:53px;"/>
                        月
                        <select name="x" class="easyui-combobox" data-options="panelHeight:null">
                            <option <#if x??&&x=='上旬'>selected="true" </#if> value="上旬">上旬</option>
                            <option <#if x??&&x=='中旬'>selected="true" </#if> value="中旬">中旬</option>
                            <option <#if x??&&x=='下旬'>selected="true" </#if> value="下旬">下旬</option>
                        </select>
                    </td>
                    <td style=" padding-left:5px;"><input type="button" value="" class="submit"/></td>
                </tr>
            </table>
        </div>
    </div>
</div>
</div>